<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="/css/font-awesome.css">
    <link rel="stylesheet" type="text/css" href="/css/jquery.step.css" />
    <link href="/distdocument/summernote.css" rel="stylesheet" />
    <link href="/css/diststyle.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/css/addproduction.css">
    <link rel="stylesheet" href="/css/htmleafdemo.css">
    <script src="/js/jquery.js"></script>
    <script src="/js/jquery.step.min.js"></script>

    <script>
        window.jQuery || document.write('<script src="js/jquery-2.1.1.min.js"><\/script>')
    </script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <script src="/distdocument/summernote.js"></script>
    <script src="/distdocument/lang/summernote-zh-CN.js"></script>
    <script src="/js/common.js"></script>
    <script src="/js/addproduction.js"></script>
</head>

<body>
    <div class="index">
        <div class="header-nav">
            <div class="fl nav-title">管理信息系统</div>
            <div class="fr  ">
                <div class='fl img-box cursor'>
                    <img id="user-img" class="auto-img" src="" alt="">
                </div>
                <div class="fl nav-text " id="username">昵称</div>
                <div class="fl nav-text cursor">设置</div>
                <div class="fl nav-text cursor" id="esc-user">退出</div>
            </div>
        </div>
        <div class="content-box">
            <div class="aside">
                <div class="demo">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-offset-3 col-md-6">
                                <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix " role="tab" id="headingOne">
                                            <h4 class="panel-title">
                                                <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-delicious" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp分类管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
                                            <div class="panel-body">

                                                <p>分类列表</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingTwo">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">

                                                    <!-- <span><i class="fa fa-delicious" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp分类管理 -->
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-shopping-bag" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp商品管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseTwo" class="panel-collapse collapse   in" role="tabpanel" aria-labelledby="headingTwo">
                                            <div class="panel-body">
                                                <p>基本商品库</p>
                                                <p>添加商品</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingThree">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-google-wallet" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp财务管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-google-wallet" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp财务管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                                            <div class="panel-body">
                                                <p>财务分析</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingFour">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-bar-chart" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp报表管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-bar-chart" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp报表管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
                                            <div class="panel-body">
                                                <p> 订单分析</p>
                                                <p> 订单列表</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingFive">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFour">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-print" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp打印管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-print" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp打印管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFive">
                                            <div class="panel-body">
                                                <p>进货单单打印</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingSix">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp<i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp货源管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-american-sign-language-interpreting" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp 基础管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseSix" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSix">
                                            <div class="panel-body">
                                                <p>添加货源</p>
                                                <p>总货源管理</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingSeven">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-font" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp订单管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-font" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp字体库管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseSeven" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingSeven">
                                            <div class="panel-body">
                                                <p>订单详情</p>
                                                <p>自建订单</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingEight">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseEight" aria-expanded="false" aria-controls="collapseFour">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-th" aria-hidden="true"></i></span>
                                                    <span class="fl">&nbsp&nbsp&nbsp营销管理</span>
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-th" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp其他管理 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseEight" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingEight">
                                            <div class="panel-body">
                                                <p>广告管理分析</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingNeight">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseNeight" aria-expanded="false" aria-controls="collapseFour">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-link" aria-hidden="true"></i> </span>
                                                    <span class="fl">&nbsp&nbsp&nbsp联系我们</span>&nbsp&nbsp&nbsp
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseNeight" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingNeight">
                                            <div class="panel-body">
                                                <p>联系我们</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="panel panel-default">
                                        <div class="panel-heading clearfix" role="tab" id="headingTen">
                                            <h4 class="panel-title">
                                                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTen" aria-expanded="false" aria-controls="collapseFour">
                                                    <span class="fl">&nbsp&nbsp&nbsp&nbsp&nbsp<i class="fa fa-code" aria-hidden="true"></i> </span>
                                                    <span class="fl">&nbsp&nbsp&nbsp模块开发中</span>&nbsp&nbsp&nbsp
                                                    <span class="fr"><i class="fa fa-chevron-right" aria-hidden="true"></i>&nbsp&nbsp&nbsp</span>
                                                    <!-- <span><i class="fa fa-code" aria-hidden="true"></i></span> &nbsp&nbsp&nbsp模块开发中 -->
                                                </a>
                                            </h4>
                                        </div>
                                        <div id="collapseTen" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTen">
                                            <div class="panel-body">
                                                <p>模块开发中</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="contents fl">
                <div></div>
                <div class="main">
                    <div id="step"></div>
                    <div class="btns">
                        <button id="prevBtn" class="btng">上一步</button>
                        <button id="nextBtn" class="btng">下一步</button>
                        <button id="btn1" class="btng">跳到第二步</button>
                        <button id="btn2" class="btng">跳到第三步</button>
                    </div>
                    <div class="info">步骤：<span id="index"></span></div>
                </div><br>
                <form action="#" method="GET">
                    <div class='republic-box' id="box1">
                        <div class="form-group">
                            <label for="exampleFormControlInput1">商品名称</label>
                            <input type="text" class="form-control" id="exampleFormControlInput1" placeholder="请输入商品名称！">
                        </div>
                        <div class="form-group">
                            <label for="exampleFormControlInput2">商品价格</label>
                            <input type="text" class="form-control" id="exampleFormControlInput2" placeholder="请输入商品价格！">
                        </div>
                        <div class="form-group">
                            <label for="exampleFormControlInput3">商品质量</label>
                            <input type="text" class="form-control" id="exampleFormControlInput3" placeholder="请输入商品质量！">
                        </div>
                        <div class="form-group">
                            <label for="exampleFormControlInput4">商品数量</label>
                            <input type="text" class="form-control" id="exampleFormControlInput4" placeholder="请输入商品数量！">
                        </div>
                        <label for="exampleFormControlSelect1">选择商品类型</label>
                        <select class="form-control" id="exampleFormControlSelect1">
                          <option>服装</option>
                          <option>电子产品</option>
                          <option>数码</option>
                          <option>男装</option>
                          <option>鞋包</option>
                        </select>
                    </div>
                    <div class='republic-box' id="box2">
                        <h3>自定义添加参数</h3>
                        <!-- <div class="form-group">
                            <input type="text" class="form-control" id="exampleFormControlInput4" placeholder="">
                        </div> -->
                        <!-- <label class="sr-only" for="inlineFormInputGroupUsername2"></label> -->
                        <button type="button" class="btn btn-primary myaddshuxin">点击添加参数</button>&nbsp;&nbsp;&nbsp;
                        <button type="button" class="btn btn-primary myremoveshuxin">点击撤销参数</button>
                        <div class="input-group mb-2 mr-sm-2 addshuxin">
                            <div class="input-group-text">#<span>1</span></div>
                            <input type="text" class="form-control" id="inlineFormInputGroupUsername2" placeholder="参数名">
                            <input type="text" class="form-control mb-2 mr-sm-2" id="inlineFormInputName2" placeholder="参数值">
                        </div>
                        <div class="input-group mb-2 mr-sm-2  addshuxin">
                            <div class="input-group-text">#<span>2</span></div>
                            <input type="text" class="form-control" id="inlineFormInputGroupUsername2" placeholder="参数名">
                            <input type="text" class="form-control mb-2 mr-sm-2" id="inlineFormInputName2" placeholder="参数值">
                        </div>


                    </div>
                    <div class='republic-box' id="box3">
                        <h3>相关属性</h3>
                        <div class="form-group">
                            <label for="exampleFormControlInput11">主题参数-品牌</label>
                            <input type="text" class="form-control" id="exampleFormControlInput11" placeholder="请输入商品品牌！">
                        </div>
                        <div class="form-group">
                            <label for="exampleFormControlInput21">其他参数-食品添加剂</label>
                            <input type="text" class="form-control" id="exampleFormControlInput21" placeholder="有">
                        </div>
                        <div class="form-group">
                            <label for="exampleFormControlInput31">规格参数-包装</label>
                            <input type="text" class="form-control" id="exampleFormControlInput31" placeholder="袋装">
                        </div>
                    </div>
                    <div class='republic-box' id="box4">
                        <h3>上传图片</h3>
                        <button type="button" class="btn btn-primary addimg">追加图片</button>&nbsp;&nbsp;&nbsp;<br><br><br><br><br><br><br><br>
                        <button type="button" class="btn btn-primary removeimg">移除图片</button>&nbsp;&nbsp;&nbsp;
                        <div id='imgbox'>
                            <label for="exampleFormControlInput41" class=" img-label"><br></label>
                            <input type="file" name="" id="exampleFormControlInput41">
                            <label for="exampleFormControlInput42" class="img-label"><br></label>
                            <input type="file" name="" id="exampleFormControlInput42">
                            <label for="exampleFormControlInput43" class=" img-label"><br></label>
                            <input type="file" name="" id="exampleFormControlInput43">
                            <label for="exampleFormControlInput44" class=" img-label"><br></label>
                            <input type="file" name="" id="exampleFormControlInput44">
                            <label for="exampleFormControlInput45" class=" img-label"><br></label>
                            <input type="file" name="" id="exampleFormControlInput45">
                            <label for="exampleFormControlInput46" class=" img-label"><br></label>
                            <input type="file" name="" id="exampleFormControlInput46">
                        </div>
                    </div>
                    <div class='republic-box' id="box5">
                        <div class="m">
                            <div class="summernote">这是一个富编辑器，您可以自定义商品内容样式！</div>
                            <button type="button" class="btn btn-success">确认添加商品</button>
                        </div>
                    </div>

                </form>
                <div style="text-align:center;margin:150px 0; font:normal 14px/24px 'MicroSoft YaHei';">
                </div>
            </div>
        </div>
    </div>
    </div>
</body>

</html>